<details class="details-reset details-overlay details-overlay-dark">
  <summary class="btn btn-danger btn-submit" aria-haspopup="dialog"><%= t(".Delete this repository") %></summary>
  <details-dialog class="box d-flex flex-column anim-fade-in fast">
    <div class="box-header mb-2">
      <button class="btn-cancel" type="button" data-close-dialog>
        <%= icon_tag "cancel" %>
      </button>
      <h3 class="box-title"><%= t(".Delete repository") %></h3>
    </div>

    <div class="box-body overflow-auto">
      <%= form_with(model: @repository, url: user_repository_settings_path(@user, @repository), method: :delete) do |form| %>
        <p class="text-gray-light f6 mb-4">
          <%= raw t(".This action cannot be undone") %>
          <%= t(".This will permanently delete the") %>
          <strong class="text-main"><%= @repository.user&.slug %>/<%= @repository.slug %></strong>
          <%= t(".all of contents") %>
        </p>
        <div class="form-group">
          <label class="control-label"><%= t(".Please enter the repository path") %> <strong class="text-red"><%= @repository.slug %></strong> <%= t(".to confirm") %></label>
          <input type="text" confirm-for="btn-confirm-delete" confirm-value="<%= @repository.slug %>" autocomplete="off" class="form-control" />
        </div>

        <div class="actions">
          <button type="submit" id="btn-confirm-delete" disabled class="btn btn-danger btn-block"><%= t(".I understand, delete this repository") %></button>
        </div>
      <% end %>
    </div>
  </details-dialog>
</details>